<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>unefleurdeschamps.fr - Fleurs, Bucolique, Plantes, Nature, Campagne, Jardin, Unefleurdeschamps</title>
    <!-- Tailwind CSS Link -->
    <link href="&#x2F;css&#x2F;app.45790cae62999d01ec974d435da5d446.css" rel="stylesheet">
    <!-- Optionally include Font Awesome from a CDN -->
    <script src="/js/htmx.min.js" defer></script>
</head>
<body class="font-sans text-gray-900 antialiased bg-blu">
<div class="min-h-screen">
    <!-- Static Navigation -->
    <nav class="bg-white shadow-md" style="background-color: #406eb2;">
    <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
        <div class="flex justify-between items-center h-auto sm:h-16">
            <!-- Logo and Title -->
            <div class="flex-grow flex justify-start">
                <a href="/" class="flex items-center">
                    
                    <img src="/logos/logo_4.png" alt="Domain Logo" class="block h-12 w-auto">
                    
                    <span class="ml-2 text-xl font-bold md:text-2xl text-white">
                        unefleurdeschamps.fr
                    </span>
                </a>
            </div>
            <!-- Hamburger Button (Mobile) -->
            <div class="sm:hidden flex items-center">
                <button id="hamburger" class="text-white focus:outline-none">
                    <svg class="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16"></path>
                    </svg>
                </button>
            </div>
            <!-- Search Form (Desktop) -->
            <div class="hidden sm:flex items-center justify-end">
                <form onsubmit="submitSearch(this); return false;" class="flex items-center">
                    <div class="relative">
                        <input type="text" name="keyword" placeholder="Je recherche..." aria-label="Search"
                        class="rounded-full py-2 px-4 pl-10 bg-gray-200 focus:outline-none focus:ring focus:border-blue-300">
                        <i class="fas fa-search text-gray-500 absolute left-3 top-1/2 transform -translate-y-1/2"></i>
                    </div>
                    <button type="submit"
                            class="bg-blue-600 hover:bg-blue-700 text-white py-2 px-4 rounded-full ml-2 focus:outline-none focus:ring focus:border-blue-300">
                        Rechercher
                    </button>
                </form>
            </div>
        </div>

        <!-- Search Form (Mobile View) -->
        <div class="sm:hidden flex justify-center mt-4">
            <form onsubmit="submitSearch(this); return false;" class="flex items-center w-full px-4 mb-4">
                <div class="relative w-full">
                    <input type="text" name="keyword" placeholder="Je recherche..." aria-label="Search"
                           class="rounded-full w-full py-2 px-4 pl-10 bg-gray-200 focus:outline-none focus:ring focus:border-blue-300">
                    <i class="fas fa-search text-gray-500 absolute left-3 top-1/2 transform -translate-y-1/2"></i>
                </div>
                <button type="submit"
                        class="bg-blue-600 hover:bg-blue-700 text-white py-2 px-4 rounded-full ml-2 focus:outline-none focus:ring focus:border-blue-300">
                    Rechercher
                </button>
            </form>
        </div>
    </div>

    <!-- Dropdown Menu for Mobile -->
    <div id="mobileMenu" class="sm:hidden hidden flex-col space-y-2 py-2 px-4 bg-gray-100" style="background-color: #b5ff6a;">
        
        
        
        
        <a href="/Fleurs" class="block text-base font-medium py-2" style="color: #000000;">
            Fleurs
        </a>
        
        
        <a href="/Bucolique" class="block text-base font-medium py-2" style="color: #000000;">
            Bucolique
        </a>
        
        
        <a href="/Plantes" class="block text-base font-medium py-2" style="color: #000000;">
            Plantes
        </a>
        
        
        <a href="/Nature" class="block text-base font-medium py-2" style="color: #000000;">
            Nature
        </a>
        
        
        <a href="/Campagne" class="block text-base font-medium py-2" style="color: #000000;">
            Campagne
        </a>
        
        
        <a href="/Jardin" class="block text-base font-medium py-2" style="color: #000000;">
            Jardin
        </a>
        
        
    </div>

    <!-- Navigation Links (Desktop View) -->
    <div class="hidden sm:flex justify-center space-x-8 py-2 max-w-full overflow-x-hidden" style="background-color: #b5ff6a;">
        
        
        
        <a href="/Fleurs" class="text-ms xs:text-sm" style="color: #000000;">
            Fleurs
        </a>
        
        
        <a href="/Bucolique" class="text-ms xs:text-sm" style="color: #000000;">
            Bucolique
        </a>
        
        
        <a href="/Plantes" class="text-ms xs:text-sm" style="color: #000000;">
            Plantes
        </a>
        
        
        <a href="/Nature" class="text-ms xs:text-sm" style="color: #000000;">
            Nature
        </a>
        
        
        <a href="/Campagne" class="text-ms xs:text-sm" style="color: #000000;">
            Campagne
        </a>
        
        
        <a href="/Jardin" class="text-ms xs:text-sm" style="color: #000000;">
            Jardin
        </a>
        
        
    </div>
</nav>

<script>
    const hamburger = document.getElementById('hamburger');
    const mobileMenu = document.getElementById('mobileMenu');

    hamburger.addEventListener('click', () => {
        mobileMenu.classList.toggle('hidden');
    });

    function submitSearch(form) {
        var term = form.keyword.value;
        var formattedTerm = term.trim().split(' ').join('-').replace(/^-+|-+$/g, '');
        window.location.href = '/' + encodeURIComponent(formattedTerm);
    }
</script>


    <!-- Page Content -->
    <main id="main-content" class="py-6 overflow-x-hidden">
        <div class="max-w-[1300px] mx-auto px-4 sm:px-6 lg:px-8 mb-1">
            <div id="buyDomainPopUp"
                 class="fixed inset-0 bg-gray-600 bg-opacity-75 flex items-center justify-center hidden z-50">
                <div class="newsletter bg-white p-6 rounded-lg shadow-lg relative">
                    <span class="close absolute top-2 right-2 cursor-pointer text-gray-600 text-2xl"
                          id="close_domain_popup">&times;</span>
                    <h4 class="font-bold text-lg mb-3">Vous n&#x27;avez pas trouvé ce que vous cherchiez ?
                    </h4>
                    <a href="https://www.shopping.eu/int/Unefleurdeschamps.html" target="_blank"
                       class="mt-4 mb-3 bg-blue-500 hover:bg-blue-700 text-white font-bold py-2 px-4 rounded">
                        Continuer sur Shopping.eu
                    </a>
                    <h5 class="mt-4 mb-2 font-bold text-lg">Êtes-vous intéressé par l&#x27;achat de ce domaine</h5>
                    <p> Veuillez envoyer un courriel à :
                        <span onclick="sendEmail()" class="underline text-blue-800 font-bold">domain@kv-gmbh.de</span>
                    </p>
                </div>
            </div>

            <!-- Expandable Banner -->
            <div id="expandableBanner"
                 class="bg-blue-200 text-blue-900 text-center p-4 rounded-lg cursor-pointer mb-12 mt-4 mx-4 sm:mx-0">
                <span class="font-bold text-[20px]">Acheter unefleurdeschamps.fr ?</span>
                <div id="bannerContent" class="hidden mt-2 bg-blue-100 p-2 rounded">
                    <span class="font-normal">Nous déplaçons le projet <strong>unefleurdeschamps.fr</strong> . Êtes-vous intéressé par l&#x27;achat du domaine <strong>unefleurdeschamps.fr</strong> ?<br>Veuillez nous envoyer un courriel à</span>
                    <span onclick="sendEmail()" class="underline text-blue-800 font-bold">domain@kv-gmbh.de</span>
                    <span class="font-normal">ou appelez-nous au : +49 541-76012653.</span>
                </div>
            </div>

            <h2 id="product-heading" class="text-2xl font-semibold mb-2">Produits liés au Unefleurdeschamps:</h2>

<hr class="my-2 border-gray-300 mb-8">

<!-- include only the first 4 items of the product_item , its an array  -->

<ul class="grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4 gap-6 items-start">
    
    <section class="mb-8">
    <div id="product-content">
            <li class="bg-white shadow-lg rounded-md m-1 flex flex-col">
                <div id="product-1" class="flex flex-col rounded-xl overflow-hidden shadow-lg mx-4 md:mx-0">
                    <form id="Y0pUMmVKTzhOezs1ZjVld1taZnJkbEd3WzQ7dk41RGxkSW5sY3s3eWNKQzFlRjJ8UUZLfFBGZXtQbG03UGtcalJWRzRQVmkyUEZtb2RWMjJRRlMyT1M&#x2F;Pw==">
                        <input type="hidden" name="q">
                        <input type="hidden" name="search" value="Tableau-sur-toile-Fleurs">
                        <input type="hidden" name="term" value="Y0pUMmVKTzhOezs1ZjVld1taZnJkbEd3WzQ7dk41RGxkSW5sY3s3eWNKQzFlRjJ8UUZLfFBGZXtQbG03UGtcalJWRzRQVmkyUEZtb2RWMjJRRlMyT1M&#x2F;Pw==">
                    </form>
                    <img class="w-full cursor-pointer min-h-[15rem]"
                         src="https:&#x2F;&#x2F;images2.productserve.com&#x2F;?w=200&amp;h=200&amp;bg=white&amp;trim=5&amp;t=letterbox&amp;url=ssl%3Aimg.joomcdn.net%2F54f15405baf3a6b04cced89adcd9f516f4f79dd0_original.jpeg&amp;feedId=84787&amp;k=2385d67124f08cf037bc9eaa1c3a7c1afa88b754"
                         alt="Tableau sur toile Fleurs Plantes Nature 40x60 vert" onclick="submitForm('Y0pUMmVKTzhOezs1ZjVld1taZnJkbEd3WzQ7dk41RGxkSW5sY3s3eWNKQzFlRjJ8UUZLfFBGZXtQbG03UGtcalJWRzRQVmkyUEZtb2RWMjJRRlMyT1M/Pw==')">

                    <div class="px-6 flex flex-col flex-grow min-h-[9rem]">
                        <div class="min-h-[4rem] flex justify-between m-auto relative">
                            <div id="title-1" class="font-bold text-xl mb-2 overflow-hidden line-clamp-2 cursor-pointer" onclick="toggleTitle(1)">
                                Tableau sur toile Fleurs Plantes Nature 40x60 vert
                            </div>

                            <span class="absolute bottom-0 mt-1 -right-6 mr-2 group"
                                  title="Tableau-sur-toile-Fleurs"
                                  onclick="handleTitleClick('Tableau sur toile Fleurs Plantes Nature 40x60 vert')">
                                <i class="fas fa-search text-blue-500 hover:text-blue-700"></i>
                            </span>
                        </div>
                        <hr>
                        <div class="flex justify-between items-end relative mt-1">
                            <div id="description-1" class="text-gray-700 text-base flex-grow line-clamp-3 cursor-pointer"
                                 onclick="toggleDescription(1)">
                                <span class="break-words">Dernière technologie d&#x27;impression UVgel FLXfinish. Les images sur toile résistent à l&#x27;abrasion, aux rayures et à la saleté. Matériau - toile d&#x27;entoilage de la plus haute qualité 130 g&#x2F;m2 produite en Allemagne. La finition de l&#x27;image est durcie par les rayons UV, donc aucun laminage supplémentaire n&#x27;est nécessaire. La toile est tendue sur un cadre en MDF de 2 cm d&#x27;épaisseur. L&#x27;image est imprimée de chaque côté, ne nécessite aucun cadre supplémentaire et est prête à être accrochée dès la sortie de la boîte.. La production a lieu dans l&#x27;Union européenne sur commande individuelle du client.</span>
                            </div>
                            <button onclick="toggleDescription(1)" class="absolute bottom-0 mt-1 -right-6 mr-2 group" aria-label="Toggle Description">
                                <i id="toggle-icon-1" class="fa-solid fa-up-right-and-down-left-from-center text-blue-500 hover:text-blue-700"></i>
                                <span id="toggle-text-1" class="absolute w-auto p-2 min-w-max bottom-0 right-12 transform translate-x-1/2 translate-y-full bg-black text-white text-xs rounded-md opacity-0 group-hover:opacity-100 transition-opacity duration-300 ease-in-out">
                                Afficher plus
                                </span>
                            </button>
                        </div>
                    </div>
                    <div class="flex flex-col mt-auto px-6 items-center text-center justify-center">
                        <hr class="mb-1 border-gray-300">
                        <div class="mb-1">
                            <button onclick="submitForm('Y0pUMmVKTzhOezs1ZjVld1taZnJkbEd3WzQ7dk41RGxkSW5sY3s3eWNKQzFlRjJ8UUZLfFBGZXtQbG03UGtcalJWRzRQVmkyUEZtb2RWMjJRRlMyT1M/Pw==')" type="button"
                                    class="text-xs text-gray-400" aria-label="Product Shop Button">Fournisseur : Joom FR
                            </button>
                        </div>
                        <div class="w-full max-w-xs overflow-hidden">
                            <span class="text-md font-bold text-gray-700 truncate">Prix : 33.39 € |</span>
                            <span class="text-sm text-gray-700 truncate">Expédition* : 0.0 €</span>
                        </div>
                        <div class="mt-2 mb-2">
                            <button onclick="submitForm('Y0pUMmVKTzhOezs1ZjVld1taZnJkbEd3WzQ7dk41RGxkSW5sY3s3eWNKQzFlRjJ8UUZLfFBGZXtQbG03UGtcalJWRzRQVmkyUEZtb2RWMjJRRlMyT1M/Pw==')" type="button"
                                    class="inline-block bg-blue-500 rounded-full px-3 py-1 text-sm font-semibold text-white"
                                    aria-label="Product Shop Button">Continuer vers le produit
                            </button>
                        </div>
                    </div>
                </div>
            </li>
    </div>
</section>
    
    <section class="mb-8">
    <div id="product-content">
            <li class="bg-white shadow-lg rounded-md m-1 flex flex-col">
                <div id="product-2" class="flex flex-col rounded-xl overflow-hidden shadow-lg mx-4 md:mx-0">
                    <form id="Y0pUMmVKTzhOezs1ZjVld1taZnJkbEd3WzQ7dk41RGxkSW5sY3s3eWNKQzFlRjJ8UUZLNVFGaXxRRksyUUVcalJWRzRQVmkyUEZtb2RWMjJRRlMyT1M&#x2F;Pw==">
                        <input type="hidden" name="q">
                        <input type="hidden" name="search" value="Treillis-de-jardin-en">
                        <input type="hidden" name="term" value="Y0pUMmVKTzhOezs1ZjVld1taZnJkbEd3WzQ7dk41RGxkSW5sY3s3eWNKQzFlRjJ8UUZLNVFGaXxRRksyUUVcalJWRzRQVmkyUEZtb2RWMjJRRlMyT1M&#x2F;Pw==">
                    </form>
                    <img class="w-full cursor-pointer min-h-[15rem]"
                         src="https:&#x2F;&#x2F;images2.productserve.com&#x2F;?w=200&amp;h=200&amp;bg=white&amp;trim=5&amp;t=letterbox&amp;url=ssl%3Aimg.joomcdn.net%2F9f88a475ea8f80bdbcd3b2355e9952ce0b0ca2a0_original.jpeg&amp;feedId=84787&amp;k=9951cbc37cf15c56b12268e235429eff31ac3f20"
                         alt="Treillis de jardin en plastique pour plantes grimpantes superposées, Support pour plantes de jardin, fleurs et légumes 3pcs" onclick="submitForm('Y0pUMmVKTzhOezs1ZjVld1taZnJkbEd3WzQ7dk41RGxkSW5sY3s3eWNKQzFlRjJ8UUZLNVFGaXxRRksyUUVcalJWRzRQVmkyUEZtb2RWMjJRRlMyT1M/Pw==')">

                    <div class="px-6 flex flex-col flex-grow min-h-[9rem]">
                        <div class="min-h-[4rem] flex justify-between m-auto relative">
                            <div id="title-2" class="font-bold text-xl mb-2 overflow-hidden line-clamp-2 cursor-pointer" onclick="toggleTitle(2)">
                                Treillis de jardin en plastique pour plantes grimpantes superposées, Support pour plantes de jardin, fleurs et légumes 3pcs
                            </div>

                            <span class="absolute bottom-0 mt-1 -right-6 mr-2 group"
                                  title="Treillis-de-jardin-en"
                                  onclick="handleTitleClick('Treillis de jardin en plastique pour plantes grimpantes superposées, Support pour plantes de jardin, fleurs et légumes 3pcs')">
                                <i class="fas fa-search text-blue-500 hover:text-blue-700"></i>
                            </span>
                        </div>
                        <hr>
                        <div class="flex justify-between items-end relative mt-1">
                            <div id="description-2" class="text-gray-700 text-base flex-grow line-clamp-3 cursor-pointer"
                                 onclick="toggleDescription(2)">
                                <span class="break-words">Caractéristiques: Fait de plastiques de qualité, robuste et pratique. Le treillis ?peut décorer votre jardin, soutenir et tirer les plantes, et les aider à se façonner et à pousser sainement. Facile à installer.?Support de point de remorquage pour une insertion facile dans le sol et maintenu fermement. Convient pour la clématite, les roses grimpantes, les vignes, les gloires du matin, les haricots, les pois de senteur, les tomates, d’autres légumes, etc.  Caractéristiques: Couleur: vert Qté: 1pc, 3pcs, 5pcs(optionnel) Taille: 250 * 150mm &#x2F; 9.84 * 5.91in Taille du paquet: 250 * 150 * 5mm &#x2F; 9.84 * 5.91 * 0.2in(1 pc) ? ? ? ? ? ? ? ? ? ? ? 250 * 150 * 15mm &#x2F; 9.84 * 5.91 * 0.59in(3 pièces)? ? ?? ? ? ? ? ? ? ? ? ? ? ? 250 * 150 * 25mm &#x2F; 9.84 * 5.91 * 0.98in(5 pcs) Poids du paquet: 40g&#x2F;1.41oz(1 pc) ? ? ? ? ? ? ? ? ? ? ? ? ? ? 120g&#x2F;4.23oz(3 pièces) ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?200g&#x2F;7.05oz(5 pcs) Liste de colisage: 1pc &#x2F; 3pcs &#x2F; 5pcs * Treillis de jardin</span>
                            </div>
                            <button onclick="toggleDescription(2)" class="absolute bottom-0 mt-1 -right-6 mr-2 group" aria-label="Toggle Description">
                                <i id="toggle-icon-2" class="fa-solid fa-up-right-and-down-left-from-center text-blue-500 hover:text-blue-700"></i>
                                <span id="toggle-text-2" class="absolute w-auto p-2 min-w-max bottom-0 right-12 transform translate-x-1/2 translate-y-full bg-black text-white text-xs rounded-md opacity-0 group-hover:opacity-100 transition-opacity duration-300 ease-in-out">
                                Afficher plus
                                </span>
                            </button>
                        </div>
                    </div>
                    <div class="flex flex-col mt-auto px-6 items-center text-center justify-center">
                        <hr class="mb-1 border-gray-300">
                        <div class="mb-1">
                            <button onclick="submitForm('Y0pUMmVKTzhOezs1ZjVld1taZnJkbEd3WzQ7dk41RGxkSW5sY3s3eWNKQzFlRjJ8UUZLNVFGaXxRRksyUUVcalJWRzRQVmkyUEZtb2RWMjJRRlMyT1M/Pw==')" type="button"
                                    class="text-xs text-gray-400" aria-label="Product Shop Button">Fournisseur : Joom FR
                            </button>
                        </div>
                        <div class="w-full max-w-xs overflow-hidden">
                            <span class="text-md font-bold text-gray-700 truncate">Prix : 12.99 € |</span>
                            <span class="text-sm text-gray-700 truncate">Expédition* : 0.0 €</span>
                        </div>
                        <div class="mt-2 mb-2">
                            <button onclick="submitForm('Y0pUMmVKTzhOezs1ZjVld1taZnJkbEd3WzQ7dk41RGxkSW5sY3s3eWNKQzFlRjJ8UUZLNVFGaXxRRksyUUVcalJWRzRQVmkyUEZtb2RWMjJRRlMyT1M/Pw==')" type="button"
                                    class="inline-block bg-blue-500 rounded-full px-3 py-1 text-sm font-semibold text-white"
                                    aria-label="Product Shop Button">Continuer vers le produit
                            </button>
                        </div>
                    </div>
                </div>
            </li>
    </div>
</section>
    
    <section class="mb-8">
    <div id="product-content">
            <li class="bg-white shadow-lg rounded-md m-1 flex flex-col">
                <div id="product-3" class="flex flex-col rounded-xl overflow-hidden shadow-lg mx-4 md:mx-0">
                    <form id="Y0pUMmVKTzhOezs1ZjVld1taZnJkbEd3WzQ7dk41RGxkSW5sY3s3eWNKQzFlRjJ8UVZPe09WV3pRVlM1UUVcalJWRzRQVmkyUEZtb2RWMjJRRlMyT1M&#x2F;Pw==">
                        <input type="hidden" name="q">
                        <input type="hidden" name="search" value="Pour-tuteur-de-plantes">
                        <input type="hidden" name="term" value="Y0pUMmVKTzhOezs1ZjVld1taZnJkbEd3WzQ7dk41RGxkSW5sY3s3eWNKQzFlRjJ8UVZPe09WV3pRVlM1UUVcalJWRzRQVmkyUEZtb2RWMjJRRlMyT1M&#x2F;Pw==">
                    </form>
                    <img class="w-full cursor-pointer min-h-[15rem]"
                         src="https:&#x2F;&#x2F;images2.productserve.com&#x2F;?w=200&amp;h=200&amp;bg=white&amp;trim=5&amp;t=letterbox&amp;url=ssl%3Aimg.joomcdn.net%2F23ea18b110b3dbe45840f742920ff2a14458f0b4_original.jpeg&amp;feedId=84787&amp;k=44c1dd5a13e399864756a8f1311cc77a988ab159"
                         alt="Pour tuteur de plantes à fleurs, remplacement professionnel pour jardin" onclick="submitForm('Y0pUMmVKTzhOezs1ZjVld1taZnJkbEd3WzQ7dk41RGxkSW5sY3s3eWNKQzFlRjJ8UVZPe09WV3pRVlM1UUVcalJWRzRQVmkyUEZtb2RWMjJRRlMyT1M/Pw==')">

                    <div class="px-6 flex flex-col flex-grow min-h-[9rem]">
                        <div class="min-h-[4rem] flex justify-between m-auto relative">
                            <div id="title-3" class="font-bold text-xl mb-2 overflow-hidden line-clamp-2 cursor-pointer" onclick="toggleTitle(3)">
                                Pour tuteur de plantes à fleurs, remplacement professionnel pour jardin
                            </div>

                            <span class="absolute bottom-0 mt-1 -right-6 mr-2 group"
                                  title="Pour-tuteur-de-plantes"
                                  onclick="handleTitleClick('Pour tuteur de plantes à fleurs, remplacement professionnel pour jardin')">
                                <i class="fas fa-search text-blue-500 hover:text-blue-700"></i>
                            </span>
                        </div>
                        <hr>
                        <div class="flex justify-between items-end relative mt-1">
                            <div id="description-3" class="text-gray-700 text-base flex-grow line-clamp-3 cursor-pointer"
                                 onclick="toggleDescription(3)">
                                <span class="break-words">La description: * tout neuf et de haute qualité *Ces piquets de plantes de jardin sont faits de bois de haute qualité. Ils ont une finition ultra lisse qui le rend super facile à travailler car il ne se fragmentera pas vos doigts * Couleur de teinture des plantes: Nos tuteurs de plantes sont teints selon un procédé spécial, la couleur est fixe et ne se décolore pas facilement. Même tremper dans l’eau ne tachera pas l’eau en vert et gardera vos mains sans vert après avoir travaillé avec elle * Les surfaces de nos bâtons de jardin ont été traitées pour qu&#x27;elles soient lisses et plates sans percer les doigts. * Nos bâtonnets verts sont très appropriés pour une utilisation comme piquets de plantes afin de fournir un soutien à la croissance des tiges des plantes. * Ils peuvent également être faits comme décoration pour ajouter du plaisir à votre jardin. * Convient pour l’arrangement floral de fleuriste, la plantation de tomates et d’autres vignes, classe d’artisanat. * L’extrémité pointue facilite l’insertion dans la mousse et l’argile. * Colorant vert résistant à l’eau et non fondu. * Idéal pour toutes sortes d’utilisations dans le jardin. * Applications: Il peut être fait avec des arrangements floraux, en cultivant des légumes(comme les tomates) ou tout projet impliquant de l’eau. Et il est destiné à une utilisation en extérieur comme les décorations de vacances et les bouquets, également idéal pour toutes sortes d&#x27;utilisations dans le jardin, populaire auprès des fleuristes pour emballer un beau bouquet Caractéristiques: *Matériel:  *Couleur: Comme le montrent les images *Taille: 40cm  (Environ.)   Contenu du colis:   10 x piquet de plante     Remarquer: 1. La couleur réelle de l&#x27;article peut être légèrement différente des images affichées sur le site Web en raison de nombreux facteurs tels que la luminosité de votre moniteur et la luminosité de la lumière. 2. Veuillez autoriser une légère déviation de mesure manuelle pour les données.</span>
                            </div>
                            <button onclick="toggleDescription(3)" class="absolute bottom-0 mt-1 -right-6 mr-2 group" aria-label="Toggle Description">
                                <i id="toggle-icon-3" class="fa-solid fa-up-right-and-down-left-from-center text-blue-500 hover:text-blue-700"></i>
                                <span id="toggle-text-3" class="absolute w-auto p-2 min-w-max bottom-0 right-12 transform translate-x-1/2 translate-y-full bg-black text-white text-xs rounded-md opacity-0 group-hover:opacity-100 transition-opacity duration-300 ease-in-out">
                                Afficher plus
                                </span>
                            </button>
                        </div>
                    </div>
                    <div class="flex flex-col mt-auto px-6 items-center text-center justify-center">
                        <hr class="mb-1 border-gray-300">
                        <div class="mb-1">
                            <button onclick="submitForm('Y0pUMmVKTzhOezs1ZjVld1taZnJkbEd3WzQ7dk41RGxkSW5sY3s3eWNKQzFlRjJ8UVZPe09WV3pRVlM1UUVcalJWRzRQVmkyUEZtb2RWMjJRRlMyT1M/Pw==')" type="button"
                                    class="text-xs text-gray-400" aria-label="Product Shop Button">Fournisseur : Joom FR
                            </button>
                        </div>
                        <div class="w-full max-w-xs overflow-hidden">
                            <span class="text-md font-bold text-gray-700 truncate">Prix : 9.13 € |</span>
                            <span class="text-sm text-gray-700 truncate">Expédition* : 0.0 €</span>
                        </div>
                        <div class="mt-2 mb-2">
                            <button onclick="submitForm('Y0pUMmVKTzhOezs1ZjVld1taZnJkbEd3WzQ7dk41RGxkSW5sY3s3eWNKQzFlRjJ8UVZPe09WV3pRVlM1UUVcalJWRzRQVmkyUEZtb2RWMjJRRlMyT1M/Pw==')" type="button"
                                    class="inline-block bg-blue-500 rounded-full px-3 py-1 text-sm font-semibold text-white"
                                    aria-label="Product Shop Button">Continuer vers le produit
                            </button>
                        </div>
                    </div>
                </div>
            </li>
    </div>
</section>
    
    <section class="mb-8">
    <div id="product-content">
            <li class="bg-white shadow-lg rounded-md m-1 flex flex-col">
                <div id="product-4" class="flex flex-col rounded-xl overflow-hidden shadow-lg mx-4 md:mx-0">
                    <form id="Y0pUMmVKTzhOezs1ZjVld1taZnJkbEd3WzQ7dk41RGxkSW5sY3s3eWNKQzFlRjJ8UHxLNE9WUzNPVmV5UGtcalJWRzRQVmkyUEZtb2RWMjNQbEs3T3k&#x2F;Pw==">
                        <input type="hidden" name="q">
                        <input type="hidden" name="search" value="Doublure---Bucolique">
                        <input type="hidden" name="term" value="Y0pUMmVKTzhOezs1ZjVld1taZnJkbEd3WzQ7dk41RGxkSW5sY3s3eWNKQzFlRjJ8UHxLNE9WUzNPVmV5UGtcalJWRzRQVmkyUEZtb2RWMjNQbEs3T3k&#x2F;Pw==">
                    </form>
                    <img class="w-full cursor-pointer min-h-[15rem]"
                         src="https:&#x2F;&#x2F;images2.productserve.com&#x2F;?w=200&amp;h=200&amp;bg=white&amp;trim=5&amp;t=letterbox&amp;url=ssl%3Awww.tissus-de-reve.fr%2F79640%2Fdoublure-bucolique.jpg%2Chttps%3A%2F%2Fwww.tissus-de-reve.fr%2F79641%2Fdoublure-bucolique.jpg%2Chttps%3A%2F%2Fwww.tissus-de-reve.fr%2F79642%2Fdoublure-bucolique.jpg&amp;feedId=87343&amp;k=ada10530e4bd748e7e88b7137b34f153ef8be858"
                         alt="Doublure - Bucolique" onclick="submitForm('Y0pUMmVKTzhOezs1ZjVld1taZnJkbEd3WzQ7dk41RGxkSW5sY3s3eWNKQzFlRjJ8UHxLNE9WUzNPVmV5UGtcalJWRzRQVmkyUEZtb2RWMjNQbEs3T3k/Pw==')">

                    <div class="px-6 flex flex-col flex-grow min-h-[9rem]">
                        <div class="min-h-[4rem] flex justify-between m-auto relative">
                            <div id="title-4" class="font-bold text-xl mb-2 overflow-hidden line-clamp-2 cursor-pointer" onclick="toggleTitle(4)">
                                Doublure - Bucolique
                            </div>

                            <span class="absolute bottom-0 mt-1 -right-6 mr-2 group"
                                  title="Doublure---Bucolique"
                                  onclick="handleTitleClick('Doublure - Bucolique')">
                                <i class="fas fa-search text-blue-500 hover:text-blue-700"></i>
                            </span>
                        </div>
                        <hr>
                        <div class="flex justify-between items-end relative mt-1">
                            <div id="description-4" class="text-gray-700 text-base flex-grow line-clamp-3 cursor-pointer"
                                 onclick="toggleDescription(4)">
                                <span class="break-words"></span>
                            </div>
                            <button onclick="toggleDescription(4)" class="absolute bottom-0 mt-1 -right-6 mr-2 group" aria-label="Toggle Description">
                                <i id="toggle-icon-4" class="fa-solid fa-up-right-and-down-left-from-center text-blue-500 hover:text-blue-700"></i>
                                <span id="toggle-text-4" class="absolute w-auto p-2 min-w-max bottom-0 right-12 transform translate-x-1/2 translate-y-full bg-black text-white text-xs rounded-md opacity-0 group-hover:opacity-100 transition-opacity duration-300 ease-in-out">
                                Afficher plus
                                </span>
                            </button>
                        </div>
                    </div>
                    <div class="flex flex-col mt-auto px-6 items-center text-center justify-center">
                        <hr class="mb-1 border-gray-300">
                        <div class="mb-1">
                            <button onclick="submitForm('Y0pUMmVKTzhOezs1ZjVld1taZnJkbEd3WzQ7dk41RGxkSW5sY3s3eWNKQzFlRjJ8UHxLNE9WUzNPVmV5UGtcalJWRzRQVmkyUEZtb2RWMjNQbEs3T3k/Pw==')" type="button"
                                    class="text-xs text-gray-400" aria-label="Product Shop Button">Fournisseur : TISSUS DE REVE FR
                            </button>
                        </div>
                        <div class="w-full max-w-xs overflow-hidden">
                            <span class="text-md font-bold text-gray-700 truncate">Prix : 4.90 € |</span>
                            <span class="text-sm text-gray-700 truncate">Expédition* : 0.00 €</span>
                        </div>
                        <div class="mt-2 mb-2">
                            <button onclick="submitForm('Y0pUMmVKTzhOezs1ZjVld1taZnJkbEd3WzQ7dk41RGxkSW5sY3s3eWNKQzFlRjJ8UHxLNE9WUzNPVmV5UGtcalJWRzRQVmkyUEZtb2RWMjNQbEs3T3k/Pw==')" type="button"
                                    class="inline-block bg-blue-500 rounded-full px-3 py-1 text-sm font-semibold text-white"
                                    aria-label="Product Shop Button">Continuer vers le produit
                            </button>
                        </div>
                    </div>
                </div>
            </li>
    </div>
</section>
    
</ul>
<ul class="grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4 gap-6 items-start">
    
</ul>
<div class="mb-10">
    <!-- Related Terms Section -->
<section class="p-3 shadow rounded-lg my-4 bg-blue-100">
    <h2 class="text-2xl font-semibold mb-2 text-center bg-blue-100">Termes de recherche similaires pour Unefleurdeschamps:</h2>
    <hr class="w-full border-t-2 border-gray-400">
    <div id="related-terms" class="flex flex-wrap justify-center text-center p-4 bg-blue-100">
        
        <div></div>
        
    </div>
</section>

<script>
    document.addEventListener('DOMContentLoaded', function () {
        const tags = document.querySelectorAll('#related-terms div');
        tags.forEach(tag => {
            const r = Math.floor(Math.random() * 201);
            const g = Math.floor(Math.random() * 201);
            const b = Math.floor(Math.random() * 201);
            tag.style.backgroundColor = `rgba(${r}, ${g}, ${b}, 1)`;
        });
    });
</script>

</div>

<ul class="grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4 gap-6 items-start">
    
    <section class="mb-8">
    <div id="product-content">
            <li class="bg-white shadow-lg rounded-md m-1 flex flex-col">
                <div id="product-1" class="flex flex-col rounded-xl overflow-hidden shadow-lg mx-4 md:mx-0">
                    <form id="Y0pUMmVKTzhOezs1ZjVld1taZnJkbEd3WzQ7dk41RGxkSW5sY3s3eWNKQzFlRjJ8UVZleU98SzVQfEsyT2tcalJWRzRQVmkyUEZtb2RWMjJRRlMyT1M&#x2F;Pw==">
                        <input type="hidden" name="q">
                        <input type="hidden" name="search" value="Cage-de-Support-en">
                        <input type="hidden" name="term" value="Y0pUMmVKTzhOezs1ZjVld1taZnJkbEd3WzQ7dk41RGxkSW5sY3s3eWNKQzFlRjJ8UVZleU98SzVQfEsyT2tcalJWRzRQVmkyUEZtb2RWMjJRRlMyT1M&#x2F;Pw==">
                    </form>
                    <img class="w-full cursor-pointer min-h-[15rem]"
                         src="https:&#x2F;&#x2F;images2.productserve.com&#x2F;?w=200&amp;h=200&amp;bg=white&amp;trim=5&amp;t=letterbox&amp;url=ssl%3Aimg.joomcdn.net%2F63139c8c56128857c2a9b49f10cd595c4d799fc3_original.jpeg&amp;feedId=84787&amp;k=fdad5b8f25b82c7568065ac378079ff4d133b90a"
                         alt="Cage de Support en métal antirouille pour plantes de jardin, 6 pièces, Support pour plantes de jardin, treillis de tomate, Support de fleurs pour plantes grimpantes" onclick="submitForm('Y0pUMmVKTzhOezs1ZjVld1taZnJkbEd3WzQ7dk41RGxkSW5sY3s3eWNKQzFlRjJ8UVZleU98SzVQfEsyT2tcalJWRzRQVmkyUEZtb2RWMjJRRlMyT1M/Pw==')">

                    <div class="px-6 flex flex-col flex-grow min-h-[9rem]">
                        <div class="min-h-[4rem] flex justify-between m-auto relative">
                            <div id="title-1" class="font-bold text-xl mb-2 overflow-hidden line-clamp-2 cursor-pointer" onclick="toggleTitle(1)">
                                Cage de Support en métal antirouille pour plantes de jardin, 6 pièces, Support pour plantes de jardin, treillis de tomate, Support de fleurs pour plantes grimpantes
                            </div>

                            <span class="absolute bottom-0 mt-1 -right-6 mr-2 group"
                                  title="Cage-de-Support-en"
                                  onclick="handleTitleClick('Cage de Support en métal antirouille pour plantes de jardin, 6 pièces, Support pour plantes de jardin, treillis de tomate, Support de fleurs pour plantes grimpantes')">
                                <i class="fas fa-search text-blue-500 hover:text-blue-700"></i>
                            </span>
                        </div>
                        <hr>
                        <div class="flex justify-between items-end relative mt-1">
                            <div id="description-1" class="text-gray-700 text-base flex-grow line-clamp-3 cursor-pointer"
                                 onclick="toggleDescription(1)">
                                <span class="break-words">Caractéristiques:  1. Caractéristiques: 6 morceaux de support de plante verte suffisent pour une utilisation quotidienne et un remplacement. Veuillez noter que ce support de plantes ne convient que pour les petits pots de fleurs, tels que le bois de santal rouge, les fleurs à pince, les plantes succulentes, etc. 2. Soutenir et guider les plantes: Nos piliers de fleurs de jardin jouent un bon rôle pour soutenir les plantes debout et leur croissance normale, guidant leurs tiges dans la bonne position pour empêcher la propagation des vignes et protéger les plantes du vent fort, des fortes pluies et de la neige. 3. Installation aisée: Notre support d’installation semi-circulaire peut être facilement installé en quelques étapes seulement. Insérez le support dans le petit trou au milieu de l’arc, installez-le sur le sol et ajustez la position, juste quelques étapes à compléter. 4. Longue durée de vie: Ce support de fleurs d’escalade est fait de plastique de haute qualité, a une structure ferme et raisonnable, est stable et durable, ne se cassera pas ou ne se déformera pas facilement, résistera à toutes sortes de conditions météorologiques et a une longue durée de vie. 5. Conception semi-circulaire: Vous pouvez placer un seul support à n’importe quelle position ou connecter deux piles ou plus ensemble pour former une structure circulaire afin d’obtenir un effet plus fort. Matériel: Plastique Taille: 25x14.5cm Le forfait comprend: Support pour plantes 6 pièces</span>
                            </div>
                            <button onclick="toggleDescription(1)" class="absolute bottom-0 mt-1 -right-6 mr-2 group" aria-label="Toggle Description">
                                <i id="toggle-icon-1" class="fa-solid fa-up-right-and-down-left-from-center text-blue-500 hover:text-blue-700"></i>
                                <span id="toggle-text-1" class="absolute w-auto p-2 min-w-max bottom-0 right-12 transform translate-x-1/2 translate-y-full bg-black text-white text-xs rounded-md opacity-0 group-hover:opacity-100 transition-opacity duration-300 ease-in-out">
                                Afficher plus
                                </span>
                            </button>
                        </div>
                    </div>
                    <div class="flex flex-col mt-auto px-6 items-center text-center justify-center">
                        <hr class="mb-1 border-gray-300">
                        <div class="mb-1">
                            <button onclick="submitForm('Y0pUMmVKTzhOezs1ZjVld1taZnJkbEd3WzQ7dk41RGxkSW5sY3s3eWNKQzFlRjJ8UVZleU98SzVQfEsyT2tcalJWRzRQVmkyUEZtb2RWMjJRRlMyT1M/Pw==')" type="button"
                                    class="text-xs text-gray-400" aria-label="Product Shop Button">Fournisseur : Joom FR
                            </button>
                        </div>
                        <div class="w-full max-w-xs overflow-hidden">
                            <span class="text-md font-bold text-gray-700 truncate">Prix : 37.79 € |</span>
                            <span class="text-sm text-gray-700 truncate">Expédition* : 0.0 €</span>
                        </div>
                        <div class="mt-2 mb-2">
                            <button onclick="submitForm('Y0pUMmVKTzhOezs1ZjVld1taZnJkbEd3WzQ7dk41RGxkSW5sY3s3eWNKQzFlRjJ8UVZleU98SzVQfEsyT2tcalJWRzRQVmkyUEZtb2RWMjJRRlMyT1M/Pw==')" type="button"
                                    class="inline-block bg-blue-500 rounded-full px-3 py-1 text-sm font-semibold text-white"
                                    aria-label="Product Shop Button">Continuer vers le produit
                            </button>
                        </div>
                    </div>
                </div>
            </li>
    </div>
</section>
    
    <section class="mb-8">
    <div id="product-content">
            <li class="bg-white shadow-lg rounded-md m-1 flex flex-col">
                <div id="product-2" class="flex flex-col rounded-xl overflow-hidden shadow-lg mx-4 md:mx-0">
                    <form id="Y0pUMmVKTzhOezs1ZjVld1taZnJkbEd3WzQ7dk41RGxkSW5sY3s3eWNKQzFlRjIyT0ZHfE98UzdPfFt8T3tcalJWRzRQVmkyUEZtb2RWMjJRRlMyT1M&#x2F;Pw==">
                        <input type="hidden" name="q">
                        <input type="hidden" name="search" value="Arrosoir-automatique-pour-plantes">
                        <input type="hidden" name="term" value="Y0pUMmVKTzhOezs1ZjVld1taZnJkbEd3WzQ7dk41RGxkSW5sY3s3eWNKQzFlRjIyT0ZHfE98UzdPfFt8T3tcalJWRzRQVmkyUEZtb2RWMjJRRlMyT1M&#x2F;Pw==">
                    </form>
                    <img class="w-full cursor-pointer min-h-[15rem]"
                         src="https:&#x2F;&#x2F;images2.productserve.com&#x2F;?w=200&amp;h=200&amp;bg=white&amp;trim=5&amp;t=letterbox&amp;url=ssl%3Aimg.joomcdn.net%2Fedd89a427d64e751f49a756870a6bad319da067e_original.jpeg&amp;feedId=84787&amp;k=f09c9c30248eb6a542ad1c0e5b512c69f388c17d"
                         alt="Arrosoir automatique pour plantes et fleurs avec cône de jardin 13.2*3.2cm" onclick="submitForm('Y0pUMmVKTzhOezs1ZjVld1taZnJkbEd3WzQ7dk41RGxkSW5sY3s3eWNKQzFlRjIyT0ZHfE98UzdPfFt8T3tcalJWRzRQVmkyUEZtb2RWMjJRRlMyT1M/Pw==')">

                    <div class="px-6 flex flex-col flex-grow min-h-[9rem]">
                        <div class="min-h-[4rem] flex justify-between m-auto relative">
                            <div id="title-2" class="font-bold text-xl mb-2 overflow-hidden line-clamp-2 cursor-pointer" onclick="toggleTitle(2)">
                                Arrosoir automatique pour plantes et fleurs avec cône de jardin 13.2*3.2cm
                            </div>

                            <span class="absolute bottom-0 mt-1 -right-6 mr-2 group"
                                  title="Arrosoir-automatique-pour-plantes"
                                  onclick="handleTitleClick('Arrosoir automatique pour plantes et fleurs avec cône de jardin 13.2*3.2cm')">
                                <i class="fas fa-search text-blue-500 hover:text-blue-700"></i>
                            </span>
                        </div>
                        <hr>
                        <div class="flex justify-between items-end relative mt-1">
                            <div id="description-2" class="text-gray-700 text-base flex-grow line-clamp-3 cursor-pointer"
                                 onclick="toggleDescription(2)">
                                <span class="break-words">Caractéristique: Tout neuf et de haute qualité Dispositif d’arrosage de jardin Les pointes d’eau fait des merveilles sur les plantes en pot assoiffées Ces outils d’arrosage de jardin pratiques aident à fournir de l’eau là où les plantes en ont le plus besoin Vous pouvez combiner de l’eau et de la nourriture végétale dans une bouteille, puis utiliser le pic d’eau pour fournir le fluide nourrissant ultime  Couleur:Aléatoire Matériel: Plastique Quantité:1 pc Taille:Environ. 13,5 * 3,2 cm &#x2F; 5,31 « * 1,26 » Le forfait comprend: 1 pic à eau  Remarquer: 1. En raison de la taille, les mesures sont faites à la main, il peut donc y avoir une erreur de 0,1 à 0,5 pouce 2. S’il vous plaît comprendre à cause de l’irradiation de la lumière ou de la différence d’affichage de l’ordinateur, donc je ne peux pas garantir les photos et la couleur réelle est 100% la même.  Le commerçant garantit que ses produits sont conformes à toutes les lois applicables et ne sont proposés que s&#x27;ils sont conformes aux politiques de Joom et aux lois européennes sur la sécurité et la conformité des produits.</span>
                            </div>
                            <button onclick="toggleDescription(2)" class="absolute bottom-0 mt-1 -right-6 mr-2 group" aria-label="Toggle Description">
                                <i id="toggle-icon-2" class="fa-solid fa-up-right-and-down-left-from-center text-blue-500 hover:text-blue-700"></i>
                                <span id="toggle-text-2" class="absolute w-auto p-2 min-w-max bottom-0 right-12 transform translate-x-1/2 translate-y-full bg-black text-white text-xs rounded-md opacity-0 group-hover:opacity-100 transition-opacity duration-300 ease-in-out">
                                Afficher plus
                                </span>
                            </button>
                        </div>
                    </div>
                    <div class="flex flex-col mt-auto px-6 items-center text-center justify-center">
                        <hr class="mb-1 border-gray-300">
                        <div class="mb-1">
                            <button onclick="submitForm('Y0pUMmVKTzhOezs1ZjVld1taZnJkbEd3WzQ7dk41RGxkSW5sY3s3eWNKQzFlRjIyT0ZHfE98UzdPfFt8T3tcalJWRzRQVmkyUEZtb2RWMjJRRlMyT1M/Pw==')" type="button"
                                    class="text-xs text-gray-400" aria-label="Product Shop Button">Fournisseur : Joom FR
                            </button>
                        </div>
                        <div class="w-full max-w-xs overflow-hidden">
                            <span class="text-md font-bold text-gray-700 truncate">Prix : 7.85 € |</span>
                            <span class="text-sm text-gray-700 truncate">Expédition* : 0.0 €</span>
                        </div>
                        <div class="mt-2 mb-2">
                            <button onclick="submitForm('Y0pUMmVKTzhOezs1ZjVld1taZnJkbEd3WzQ7dk41RGxkSW5sY3s3eWNKQzFlRjIyT0ZHfE98UzdPfFt8T3tcalJWRzRQVmkyUEZtb2RWMjJRRlMyT1M/Pw==')" type="button"
                                    class="inline-block bg-blue-500 rounded-full px-3 py-1 text-sm font-semibold text-white"
                                    aria-label="Product Shop Button">Continuer vers le produit
                            </button>
                        </div>
                    </div>
                </div>
            </li>
    </div>
</section>
    
    <section class="mb-8">
    <div id="product-content">
            <li class="bg-white shadow-lg rounded-md m-1 flex flex-col">
                <div id="product-3" class="flex flex-col rounded-xl overflow-hidden shadow-lg mx-4 md:mx-0">
                    <form id="Y0pUMmVKTzhOezs1ZjVld1taZnJkbEd3WzQ7dk41RGxkSW5sY3s3eWNKQzFlRjJ8UVZbNlFGbTZQfGU3T2tcalJWRzRQVmkyUEZtb2RWMjJRRlMyT1M&#x2F;Pw==">
                        <input type="hidden" name="q">
                        <input type="hidden" name="search" value="Support-de-serre-de">
                        <input type="hidden" name="term" value="Y0pUMmVKTzhOezs1ZjVld1taZnJkbEd3WzQ7dk41RGxkSW5sY3s3eWNKQzFlRjJ8UVZbNlFGbTZQfGU3T2tcalJWRzRQVmkyUEZtb2RWMjJRRlMyT1M&#x2F;Pw==">
                    </form>
                    <img class="w-full cursor-pointer min-h-[15rem]"
                         src="https:&#x2F;&#x2F;images2.productserve.com&#x2F;?w=200&amp;h=200&amp;bg=white&amp;trim=5&amp;t=letterbox&amp;url=ssl%3Aimg.joomcdn.net%2Fcd8664f11a7a6f2997b83322fe13abba2fd2b8af_original.jpeg&amp;feedId=84787&amp;k=147c08fdc4a417f86e51910d9344b859a5ed3575"
                         alt="Support de serre de jardin réutilisable pour plantes fixes, vigne, fleurs, semis, tomates, fournitures de jardin" onclick="submitForm('Y0pUMmVKTzhOezs1ZjVld1taZnJkbEd3WzQ7dk41RGxkSW5sY3s3eWNKQzFlRjJ8UVZbNlFGbTZQfGU3T2tcalJWRzRQVmkyUEZtb2RWMjJRRlMyT1M/Pw==')">

                    <div class="px-6 flex flex-col flex-grow min-h-[9rem]">
                        <div class="min-h-[4rem] flex justify-between m-auto relative">
                            <div id="title-3" class="font-bold text-xl mb-2 overflow-hidden line-clamp-2 cursor-pointer" onclick="toggleTitle(3)">
                                Support de serre de jardin réutilisable pour plantes fixes, vigne, fleurs, semis, tomates, fournitures de jardin
                            </div>

                            <span class="absolute bottom-0 mt-1 -right-6 mr-2 group"
                                  title="Support-de-serre-de"
                                  onclick="handleTitleClick('Support de serre de jardin réutilisable pour plantes fixes, vigne, fleurs, semis, tomates, fournitures de jardin')">
                                <i class="fas fa-search text-blue-500 hover:text-blue-700"></i>
                            </span>
                        </div>
                        <hr>
                        <div class="flex justify-between items-end relative mt-1">
                            <div id="description-3" class="text-gray-700 text-base flex-grow line-clamp-3 cursor-pointer"
                                 onclick="toggleDescription(3)">
                                <span class="break-words">C&#x27;est un grand honneur pour vous de visiter mon magasin. Bonne chance avec vos achats préférés Définir le type : OUI Matériel : Plastique Origine : Chine continentale Le commerçant garantit que ses produits sont conformes à toutes les lois applicables et ne sont proposés que s&#x27;ils sont conformes aux politiques de Joom et aux lois européennes sur la sécurité et la conformité des produits.</span>
                            </div>
                            <button onclick="toggleDescription(3)" class="absolute bottom-0 mt-1 -right-6 mr-2 group" aria-label="Toggle Description">
                                <i id="toggle-icon-3" class="fa-solid fa-up-right-and-down-left-from-center text-blue-500 hover:text-blue-700"></i>
                                <span id="toggle-text-3" class="absolute w-auto p-2 min-w-max bottom-0 right-12 transform translate-x-1/2 translate-y-full bg-black text-white text-xs rounded-md opacity-0 group-hover:opacity-100 transition-opacity duration-300 ease-in-out">
                                Afficher plus
                                </span>
                            </button>
                        </div>
                    </div>
                    <div class="flex flex-col mt-auto px-6 items-center text-center justify-center">
                        <hr class="mb-1 border-gray-300">
                        <div class="mb-1">
                            <button onclick="submitForm('Y0pUMmVKTzhOezs1ZjVld1taZnJkbEd3WzQ7dk41RGxkSW5sY3s3eWNKQzFlRjJ8UVZbNlFGbTZQfGU3T2tcalJWRzRQVmkyUEZtb2RWMjJRRlMyT1M/Pw==')" type="button"
                                    class="text-xs text-gray-400" aria-label="Product Shop Button">Fournisseur : Joom FR
                            </button>
                        </div>
                        <div class="w-full max-w-xs overflow-hidden">
                            <span class="text-md font-bold text-gray-700 truncate">Prix : 35.99 € |</span>
                            <span class="text-sm text-gray-700 truncate">Expédition* : 0.0 €</span>
                        </div>
                        <div class="mt-2 mb-2">
                            <button onclick="submitForm('Y0pUMmVKTzhOezs1ZjVld1taZnJkbEd3WzQ7dk41RGxkSW5sY3s3eWNKQzFlRjJ8UVZbNlFGbTZQfGU3T2tcalJWRzRQVmkyUEZtb2RWMjJRRlMyT1M/Pw==')" type="button"
                                    class="inline-block bg-blue-500 rounded-full px-3 py-1 text-sm font-semibold text-white"
                                    aria-label="Product Shop Button">Continuer vers le produit
                            </button>
                        </div>
                    </div>
                </div>
            </li>
    </div>
</section>
    
    <section class="mb-8">
    <div id="product-content">
            <li class="bg-white shadow-lg rounded-md m-1 flex flex-col">
                <div id="product-4" class="flex flex-col rounded-xl overflow-hidden shadow-lg mx-4 md:mx-0">
                    <form id="Y0pUMmVKTzhOezs1ZjVld1taZnJkbEd3WzQ7dk41RGxkSW5sY3s3eWNKQzFlRjJ8UVZlelBsZXpQVkN8UVVcalJWRzRQVmkyUEZtb2RWMjJRRlMyT1M&#x2F;Pw==">
                        <input type="hidden" name="q">
                        <input type="hidden" name="search" value="Pot-de-fleurs-de">
                        <input type="hidden" name="term" value="Y0pUMmVKTzhOezs1ZjVld1taZnJkbEd3WzQ7dk41RGxkSW5sY3s3eWNKQzFlRjJ8UVZlelBsZXpQVkN8UVVcalJWRzRQVmkyUEZtb2RWMjJRRlMyT1M&#x2F;Pw==">
                    </form>
                    <img class="w-full cursor-pointer min-h-[15rem]"
                         src="https:&#x2F;&#x2F;images2.productserve.com&#x2F;?w=200&amp;h=200&amp;bg=white&amp;trim=5&amp;t=letterbox&amp;url=ssl%3Aimg.joomcdn.net%2Facc6fe546d2022b5ed4929a4e5b843bdeb2b8c7e_original.jpeg&amp;feedId=84787&amp;k=1a7591d140037100ecd2429cdf49db108f445289"
                         alt="Pot de fleurs de jardin suspendu pour plantes d&#x27;intérieur et d&#x27;extérieur B110" onclick="submitForm('Y0pUMmVKTzhOezs1ZjVld1taZnJkbEd3WzQ7dk41RGxkSW5sY3s3eWNKQzFlRjJ8UVZlelBsZXpQVkN8UVVcalJWRzRQVmkyUEZtb2RWMjJRRlMyT1M/Pw==')">

                    <div class="px-6 flex flex-col flex-grow min-h-[9rem]">
                        <div class="min-h-[4rem] flex justify-between m-auto relative">
                            <div id="title-4" class="font-bold text-xl mb-2 overflow-hidden line-clamp-2 cursor-pointer" onclick="toggleTitle(4)">
                                Pot de fleurs de jardin suspendu pour plantes d&#x27;intérieur et d&#x27;extérieur B110
                            </div>

                            <span class="absolute bottom-0 mt-1 -right-6 mr-2 group"
                                  title="Pot-de-fleurs-de"
                                  onclick="handleTitleClick('Pot de fleurs de jardin suspendu pour plantes d&#x27;intérieur et d&#x27;extérieur B110')">
                                <i class="fas fa-search text-blue-500 hover:text-blue-700"></i>
                            </span>
                        </div>
                        <hr>
                        <div class="flex justify-between items-end relative mt-1">
                            <div id="description-4" class="text-gray-700 text-base flex-grow line-clamp-3 cursor-pointer"
                                 onclick="toggleDescription(4)">
                                <span class="break-words">Caractéristiques: * Tout neuf et de haute qualité. * Conception verticale à 90 ° à l’arrière, combinaison parfaite avec le mur. * Avec des trous suspendus, vous pouvez utiliser des crochets collants ou des clous pour suspendre les plantes. * Retirez le pot intérieur pour contenir des fournitures de bureau, des crayons de maquillage ou des plantes artificielles. * Économique et, il peut être utilisé avec différents types de sols ou de milieux de culture hydroponiques. Idéal pour les cadeaux. Taille parfaite pour de nombreux endroits. * Le panier intérieur s’adapte parfaitement au panier extérieur. * Parfait pour Staphylococcus aureus, les plantes succulentes ou les plantes à fleurs. * Convient pour le jardin, le balcon, la décoration de la maison et du bureau, etc.     spécification: *matériel: Plastique *Taille: Comme montré *Méthode de culture: sol ou hydroponie *couleur: blanc   Contenu du colis: 1 * bassin extérieur, 1 * panier intérieur, 1 * ficelle de coton   Remarques: 1. En raison de divers facteurs tels que la luminosité du moniteur, la luminosité de la lumière, etc., la couleur réelle du produit peut être légèrement différente de l’image affichée sur le site Web. 2. Veuillez tenir compte de légers écarts de mesure manuelle dans les données.</span>
                            </div>
                            <button onclick="toggleDescription(4)" class="absolute bottom-0 mt-1 -right-6 mr-2 group" aria-label="Toggle Description">
                                <i id="toggle-icon-4" class="fa-solid fa-up-right-and-down-left-from-center text-blue-500 hover:text-blue-700"></i>
                                <span id="toggle-text-4" class="absolute w-auto p-2 min-w-max bottom-0 right-12 transform translate-x-1/2 translate-y-full bg-black text-white text-xs rounded-md opacity-0 group-hover:opacity-100 transition-opacity duration-300 ease-in-out">
                                Afficher plus
                                </span>
                            </button>
                        </div>
                    </div>
                    <div class="flex flex-col mt-auto px-6 items-center text-center justify-center">
                        <hr class="mb-1 border-gray-300">
                        <div class="mb-1">
                            <button onclick="submitForm('Y0pUMmVKTzhOezs1ZjVld1taZnJkbEd3WzQ7dk41RGxkSW5sY3s3eWNKQzFlRjJ8UVZlelBsZXpQVkN8UVVcalJWRzRQVmkyUEZtb2RWMjJRRlMyT1M/Pw==')" type="button"
                                    class="text-xs text-gray-400" aria-label="Product Shop Button">Fournisseur : Joom FR
                            </button>
                        </div>
                        <div class="w-full max-w-xs overflow-hidden">
                            <span class="text-md font-bold text-gray-700 truncate">Prix : 29.09 € |</span>
                            <span class="text-sm text-gray-700 truncate">Expédition* : 0.0 €</span>
                        </div>
                        <div class="mt-2 mb-2">
                            <button onclick="submitForm('Y0pUMmVKTzhOezs1ZjVld1taZnJkbEd3WzQ7dk41RGxkSW5sY3s3eWNKQzFlRjJ8UVZlelBsZXpQVkN8UVVcalJWRzRQVmkyUEZtb2RWMjJRRlMyT1M/Pw==')" type="button"
                                    class="inline-block bg-blue-500 rounded-full px-3 py-1 text-sm font-semibold text-white"
                                    aria-label="Product Shop Button">Continuer vers le produit
                            </button>
                        </div>
                    </div>
                </div>
            </li>
    </div>
</section>
    
</ul>
<ul class="grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4 gap-6 items-start">
    
</ul>

<div class="mb-10 text-center items-center justify-center">
    
</div>


<script>
    const heading = document.getElementById("product-heading");

    let headingText = heading.textContent;

    headingText = headingText.replace(/-/g, ' ');

    heading.textContent = headingText;

</script>
<script>
    // Function to handle title formatting and navigation
    function handleTitleClick(title) {
        const cleanTitle = title
            // Replace non-alphanumeric characters except spaces and hyphens
            .replace(/[^\p{L}\p{N}\s-]/gu, '')
            // Replace multiple spaces with a single space
            .replace(/\s+/g, ' ')
            // Split the title into words, take the first 4 words
            .split(' ').slice(0, 4).join(' ')
            // Replace spaces with hyphens
            .replace(/\s+/g, '-')
            // Replace multiple hyphens with a single hyphen
            .replace(/-{2,}/g, '-')
            // Trim leading or trailing hyphens
            .replace(/^-+|-+$/g, '');
        const url = '/' + cleanTitle;
        window.location.href = url; // Navigate to the cleaned URL
    }

    // Toggle description visibility
    function toggleDescription(index) {
        const desc = document.getElementById('description-' + index);
        const icon = document.getElementById('toggle-icon-' + index);
        const text = document.getElementById('toggle-text-' + index); // Select the tooltip text span

        // Toggle line clamp class
        if (desc.classList.contains('line-clamp-3')) {
            desc.classList.remove('line-clamp-3');
            icon.classList.remove('fa-up-right-and-down-left-from-center');
            icon.classList.add('fa-down-left-and-up-right-to-center');
            text.textContent = "Afficher moins";
        } else {
            desc.classList.add('line-clamp-3');
            icon.classList.remove('fa-down-left-and-up-right-to-center');
            icon.classList.add('fa-up-right-and-down-left-from-center');
            text.textContent = "Afficher plus"; // Change tooltip back to "Show More"
        }
    }

    // Toggle title visibility
    function toggleTitle(index) {
        const title = document.getElementById('title-' + index);
        if (title.classList.contains('line-clamp-2')) {
            title.classList.remove('line-clamp-2');
        } else {
            title.classList.add('line-clamp-2');
        }
    }

    function submitForm(formId) {
        const form = document.getElementById(formId);
        const suspiciousUserAgents = ['bot', 'crawl', 'slurp', 'spider', 'curl', 'wget', 'python'];
        const userAgent = navigator.userAgent.toLowerCase();
        const isSuspicious = suspiciousUserAgents.some(suspect => userAgent.includes(suspect));
        const honeypot = form.querySelector('[name="q"]').value.length > 0;

        if (!honeypot && !isSuspicious) {
            event.preventDefault();
            const formData = new FormData(form);
            const queryString = new URLSearchParams(formData).toString();
            const urlWithParams = `/clickout?${queryString}`; // Fixed Line

            // New tab handling
            let newWindow = window.open('', '_blank');

            fetch(urlWithParams, {
                method: 'GET',
                headers: {
                    'X-Requested-With': 'XMLHttpRequest',
                    'Accept': 'application/json',
                }
            })
                .then(response => response.json())
                .then(data => {
                    if (data.clickOutUrl) {
                        newWindow.location = data.clickOutUrl;
                    } else {
                        newWindow.close();
                        alert('Unable to open the requested link.');
                    }
                })
                .catch(error => {
                    console.error('Fetch error:', error);
                    newWindow.close();
                });
        } else {
            alert('Suspicious activity detected or bot activity suspected.');
        }
    }

    // Functions for FAQ and Product items
    function truncateText(element, length) {
        const fullText = element.textContent.trim();
        const truncateLength = parseInt(length, 10);
        if (fullText.length > truncateLength) {
            element.dataset.fullText = fullText;
            element.textContent = fullText.substring(0, truncateLength) + '...';
            return true; // Indicate that truncation occurred
        }
        return false; // No truncation
    }

    function toggleText(element, relatedContainer, sourceText, button) {
        const isTruncated = element.textContent.endsWith('...');
        const icon = button.querySelector('i');
        const text = button.querySelector('span');

        if (isTruncated) {
            element.textContent = element.dataset.fullText;
            if (sourceText) {
                sourceText.classList.remove('hidden'); // Show source-text when expanded
            }
            // Change icon and tooltip text to expanded state
            icon.classList.remove('fa-up-right-and-down-left-from-center');
            icon.classList.add('fa-down-left-and-up-right-to-center');
            text.textContent = "Afficher moins";
        } else {
            const truncateLength = parseInt(element.dataset.truncateLength, 10);
            if (element.textContent.length > truncateLength) {
                element.textContent = element.textContent.substring(0, truncateLength) + '...';
            }
            if (sourceText) {
                sourceText.classList.add('hidden'); // Hide source-text when collapsed
            }
            // Change icon and tooltip text to collapsed state
            icon.classList.remove('fa-down-left-and-up-right-to-center');
            icon.classList.add('fa-up-right-and-down-left-from-center');
            text.textContent = "Afficher plus";
        }

        if (relatedContainer) {
            relatedContainer.classList.toggle('hidden'); // Toggle related terms visibility
        }
    }

    document.addEventListener('DOMContentLoaded', function () {
        document.querySelectorAll('.faq-item').forEach(item => {
            const answer = item.querySelector('.faq-answer');
            const sourceText = item.querySelector('.source-text');
            const relatedContainer = item.querySelector('.related-terms');
            const toggleButton = item.querySelector('button[aria-label="Toggle Description"]');

            const wasTruncated = truncateText(answer, answer.dataset.truncateLength);

            // Ensure relatedContainer and sourceText are hidden initially
            if (relatedContainer) relatedContainer.classList.add('hidden');
            if (sourceText) sourceText.classList.add('hidden');

            if (wasTruncated) {
                // Only add event listener if truncation occurred
                if (toggleButton) {
                    toggleButton.addEventListener('click', function (event) {
                        toggleText(answer, relatedContainer, sourceText, toggleButton);
                    });
                }
                // Make the answer text clickable
                answer.style.cursor = 'pointer';
                answer.addEventListener('click', function (event) {
                    toggleText(answer, relatedContainer, sourceText, toggleButton);
                });
            } else {
                // Hide the toggle button and remove clickability
                if (toggleButton) toggleButton.style.display = 'none';
                answer.style.cursor = 'default';
            }

            // Add event listeners to keyword links to clean the URL
            if (relatedContainer) {
                relatedContainer.querySelectorAll('a').forEach(link => {
                    link.addEventListener('click', function (event) {
                        event.preventDefault(); // Prevent the default link behavior
                        let cleanedTerm = link.textContent.trim().replace(/\s+/g, '-'); // Trim and replace spaces with hyphens
                        window.location.href = `/${cleanedTerm}`;
                    });
                });
            }
        });

        // Similar setup for product descriptions
        document.querySelectorAll('.product-item').forEach(item => {
            const description = item.querySelector('.product-description');
            const toggleButton = item.querySelector('button[aria-label="Toggle Description"]');

            const wasTruncated = truncateText(description, description.dataset.truncateLength);

            if (wasTruncated) {
                // Only add event listener if truncation occurred
                if (toggleButton) {
                    toggleButton.addEventListener('click', function (event) {
                        toggleText(description, null, null, toggleButton);
                    });
                }
                // Make the description text clickable
                description.style.cursor = 'pointer';
                description.addEventListener('click', function (event) {
                    toggleText(description, null, null, toggleButton);
                });
            } else {
                // Hide the toggle button and remove clickability
                if (toggleButton) toggleButton.style.display = 'none';
                description.style.cursor = 'default';
            }
        });
    });
</script>



            <p class="mb-2 text-[11px] text-center">
                * Tous les prix incluent la TVA et, le cas échéant, les frais de livraison. Les informations sur les offres sont basées sur les détails fournis par le magasin respectif et sont mises à jour par des processus automatisés. Une mise à jour en temps réel n&#x27;a pas lieu, donc des écarts peuvent survenir dans certains cas.
            <p>
        </div>
    </main>
</div>
<footer class="bg-gray-800 text-white py-4">
    <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 text-center">
        <p>&copy; 2024 unefleurdeschamps.fr - <a href="/info/impressum">Impressum</a></p>

    </div>
</footer>

<script>
    // Function to determine if the user is a bot
    function isBot() {
        const suspiciousUserAgents = [
            'bot', 'crawl', 'slurp', 'spider', 'curl', 'wget', 'python',
            'scanner', 'automation', 'robot', 'scraper', 'httpclient'
        ];
        const userAgent = navigator.userAgent.toLowerCase();
        if (suspiciousUserAgents.some(suspect => userAgent.includes(suspect))) {
            return true;
        }

        // Check for lack of human interaction
        if (!window.userHasInteracted) {
            return true;
        }

        return false;
    }

    let newTabOpened = false;
    let popupShown = sessionStorage.getItem('popupShown') === 'true';

    document.addEventListener('DOMContentLoaded', function () {
        const popupElement = document.querySelector('#buyDomainPopUp');
        if (popupElement) {
            const exitPopup = () => {
                popupElement.classList.add('hidden');
            };

            // Add event listener to close the popup
            document.querySelector('#close_domain_popup').addEventListener('click', exitPopup);

            // Open the popup when the user shows exit intent
            document.addEventListener('mouseleave', function (event) {
                if (!event.relatedTarget && !newTabOpened && !popupShown) {
                    popupElement.classList.remove('hidden');
                    sessionStorage.setItem('popupShown', 'true');
                    popupShown = true;
                }
            });

            // Close popup on Escape key
            document.addEventListener('keydown', function (event) {
                if (event.key === 'Escape') {
                    exitPopup();
                }
            });
        } else {
            console.error('Popup element #buyDomainPopUp not found.');
        }

        // Track user interactions
        window.userHasInteracted = false;
        document.addEventListener('mousemove', () => window.userHasInteracted = true);
        document.addEventListener('keydown', () => window.userHasInteracted = true);

        // Log page load route
        fetch('/domLoaded', {
            method: 'GET',
            headers: {
                'Content-Type': 'application/json'
            }
        }).catch(error => console.error('Error logging visit:', error));

        setTimeout(function () {
            // Only log visit if not detected as a bot after some time
            if (!isBot()) {
                fetch('/windowInt', {
                    method: 'GET',
                    headers: {
                        'Content-Type': 'application/json'
                    }
                }).catch(error => console.error('Error logging visit:', error));
            }
        }, 3000);  // Time delay to allow for user interaction detection
    });

    // Detect when a new tab is opened
    document.addEventListener('visibilitychange', function () {
        if (document.visibilityState === 'hidden') {
            newTabOpened = true;
        } else {
            setTimeout(() => {
                newTabOpened = false;
            }, 100); // Reset after short delay
        }
    });

    // Handle expandable banner toggle
    document.getElementById('expandableBanner').addEventListener('click', function () {
        const bannerContent = document.getElementById('bannerContent');
        bannerContent.classList.toggle('hidden');
    });

    function sendEmail() {
        const unicodeDomain = 'unefleurdeschamps.fr';
        const subject = `Demande d&#x27;achat du domaine ${unicodeDomain}`;
        const body = `Bonjour,

Je suis intéressé par l&#x27;achat du domaine ${unicodeDomain}.\n\nCordialement,`;

        const mailtoLink = `mailto:domain@kv-gmbh.de?subject=${encodeURIComponent(subject)}&body=${encodeURIComponent(body)}`;
        window.location.href = mailtoLink;
    }

</script>
</body>
</html>
